// 这里是公益事项配置文件
import type { FormConfigTypes } from '@/base-ui/form'
import type { TableConfigTypes } from '@/base-ui/table'

// 表单配置
export const formConfig: FormConfigTypes = {
  formItems: [
    {
      label: '活动名称',
      type: 'text',
      field: 'name',
      options: {
        placeholder: '请输入活动名称关键字'
      }
    },
    {
      label: '创建时间',
      type: 'picker',
      field: 'time',
      pickerOptions: {
        type: 'daterange',
        startPlaceholder: '开始时间',
        endPlaceholder: '结束时间'
      }
    },
    {
      label: '活动地址',
      type: 'select',
      field: 'place',
      options: {
        placeholder: '请选择要查询的用户'
      },
      selectOptions: [
        {
          value: '大同',
          label: '大同'
        },
        {
          value: '北京',
          label: '北京'
        },
        {
          value: '张家界',
          label: '张家界'
        },
        {
          value: '潍坊',
          label: '潍坊'
        },
        {
          value: '重庆',
          label: '重庆'
        },
        {
          value: '成都',
          label: '成都'
        },
        {
          value: '嘉峪关',
          label: '嘉峪关'
        },
        {
          value: '金昌',
          label: '金昌'
        },
        {
          value: '阳泉',
          label: '阳泉'
        },
        {
          value: '张家口',
          label: '张家口'
        },
        {
          value: '兰州',
          label: '兰州'
        }
      ]
    }
  ],
  formStyle: {
    lg: 8,
    sm: 12
  },
  itemStyle: {
    padding: '10px 40px'
  },
  formLabelWidth: '80px'
}

// 表格配置
export const tableConfig: TableConfigTypes = {
  // 表格数据里列表
  tableColumn: [
    {
      prop: 'time',
      label: '创办时间',
      align: 'center',
      width: '180'
    },
    {
      prop: 'name',
      label: '活动名称',
      align: 'center',
      width: '150',
      showOverflowTooltip: true
    },
    {
      prop: 'des',
      label: '活动介绍',
      align: 'center',
      showOverflowTooltip: true
    },
    {
      prop: 'nowTime',
      label: '活动时间',
      align: 'center',
      showOverflowTooltip: true
    },
    {
      prop: 'place',
      label: '活动地点',
      align: 'center'
    },
    {
      prop: 'participant',
      label: '活动人数',
      align: 'center'
    },
    {
      prop: 'author',
      label: '创办者',
      align: 'center'
    },
    {
      prop: 'operation',
      label: '操作',
      align: 'center',
      fixed: 'right',
      minWidth: '100'
    }
  ],
  // 表格是否可选
  isSelection: false,
  // 是否显示序号
  isShowTableIndex: true,
  // 表格样式
  tableStyle: {
    maxHeight: '350px'
  },
  // 是否显示分页
  isShowPage: true
}

// 新增和添加的表单的配置
export const formConfig2: FormConfigTypes = {
  formItems: [
    {
      label: '活动名称',
      type: 'text',
      field: 'name',
      options: {
        placeholder: '请输入活动名称'
      }
    },
    {
      label: '活动描述',
      type: 'textarea',
      field: 'des',
      options: {
        placeholder: '请输入活动描述'
      }
    },
    {
      label: '活动时间',
      type: 'picker',
      field: 'time',
      pickerOptions: {
        type: 'daterange',
        startPlaceholder: '开始时间',
        endPlaceholder: '结束时间'
      }
    },
    {
      label: '活动地点',
      type: 'select',
      field: 'place',
      selectOptions: [
        {
          value: 0,
          label: '大同'
        },
        {
          value: 1,
          label: '北京'
        },
        {
          value: 2,
          label: '张家界'
        },
        {
          value: 3,
          label: '潍坊'
        },
        {
          value: 4,
          label: '重庆'
        },
        {
          value: 5,
          label: '成都'
        },
        {
          value: 6,
          label: '嘉峪关'
        },
        {
          value: 7,
          label: '金昌'
        },
        {
          value: 8,
          label: '阳泉'
        },
        {
          value: 9,
          label: '张家口'
        }
      ]
    }
  ],
  formStyle: {
    span: 24
  },
  itemStyle: {
    // padding: '10px 40px'
  },
  formLabelWidth: '70px'
}
